mui.init();
var main = null;

/*选项卡 ========*/
mui.plusReady(function() {
	newSelect(); //调用选项卡方法  注：改选项卡是被抱在mui.plusReady(function() {})或mui.ready(function(){})
});

function newSelect() {
	
	var add = document.getElementById("add-tab");
	var wrapper = document.getElementById("scroll-wrapper");
	var width = $(document.body).width();
	add.addEventListener("tap", function() {//跳转到领取记录页面
		mui.openWindow({
			url: "receive_record.html",
			id: "receive_record",
			show: { //控制打开页面的类型
				autoShow: true,//页面loaded事件发生后自动显示，默认为true 
				aniShow: 'zoom-fade-out', //页面显示动画，默认为”slide-in-right“；  页面出现的方式 左右上下
				duration: '500' //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒； 
			},
		})
	});
	$(wrapper).css("width", width - 60); //滚动包装容器减掉60像素，目的让加号有位置
	wrapper.classList.add("mui-scroll-wrapper"); //classList属性是返回元素的类名
	mui(wrapper).scroll({
		bounce: false //滚动条是否有弹力默认是true 
	});

	var mui_scroll = document.getElementById('scroll-wrapper');
	var a = mui_scroll.getElementsByTagName('a');
	var gift_title = document.getElementById("gift_title");
	var liset_div = $(".liset_div"); //内容

	for(var i = 0; i < a.length; i++) {
		a[i].index = i;
		a[i].addEventListener('tap', function() {
			for(var i = 0; i < a.length; i++) {
				liset_div[i].className = "liset_div hide";
			}
			gift_title.innerHTML = this.innerHTML;//点击该选项卡时标题与其对应
			liset_div[this.index].className = "liset_div show";
		})
	}
}
/*选项卡结束 ========*/

//点击领取按钮时
var receive = document.getElementsByClassName("receive");
for (var i = 0; i < receive.length; i++) {
	receive[i].addEventListener("tap", function() {
		mui.openWindow({
			url: "shopNumber.html",
			id: "shopNumber.html.html",
			show: { //控制打开页面的类型
				autoShow: true,//页面loaded事件发生后自动显示，默认为true 
				aniShow: 'zoom-fade-out', //页面显示动画，默认为”slide-in-right“；  页面出现的方式 左右上下
				duration: '500' //页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒； 
			},
		})
	})
}
//点击领取按钮时 结束
